<style>
    #middle
    {
        padding-top:20px;
    }
    #content
    {
        padding-top:10px;
        line-height:40px;
        font-size:25px;
    }
</style>
<div id="middle">
    <div id="content">
        <table>
            <tr>
                <th>
                    Action
                </th>
                <th>
                    Score (cost)
                </th>
                <th>
                    Time (cost)
                </th>
            </tr>
            <tr>
                <td>
                   Fuel refill action
                </td>
                <td>
                    -50
                </td>
                <td>
                    -3 secs
                </td>
            </tr>
            <tr>
                <td>
                    Fuel Empty state
                </td>
                <td>
                    -200
                </td>
                <td>
                    -10 secs
                </td>
            </tr>
            <tr>
                <td>
              Maintenance action
                </td>
                <td>
                    -20
                </td>
                <td>
                    -2 secs
                </td>
            </tr>
            <tr>
                <td>
                   Minor malfunction state
                </td>
                <td>
                    -40
                </td>
                <td>
                    Time continues
                </td>
            </tr>
            <tr>
                <td>
                   Minor repair action
                </td>
                <td>
                    -60
                </td>
                <td>
                    -8 secs
                </td>
            </tr>
            <tr>
                <td>
                   Moderate malfunction state
                </td>
                <td>
                    -70
                </td>
                <td>
                    Time continues
                </td>
            </tr>
            <tr>
                <td>
                    Moderate repair action
                </td>
                <td>
                    -80
                </td>
                <td>
                    -14 secs
                </td>
            </tr>
            <tr>
                <td>
                  Severe malfunction state
                </td>
                <td>
                    -100
                </td>
                <td>
                     Time continues
                </td>
            </tr>
            <tr>
                <td>
                    Severe repair action
                </td>
                <td>
                    -150
                </td>
                <td>
                    -30 secs
                </td>
            </tr>
            <tr>
                <td>
                    Being hit by meteor state
                </td>
                <td>
                    -10
                </td>
                <td>
                    Time continues
                </td>
            </tr>
            <tr>
                <td>
                   Hit a meteor action
                </td>
                <td>
                    20
                </td>
                <td>
                    Time continues
                </td>
            </tr>
        </table>
        <div class="number" style="width:250px;">
           <a href="#" onclick="goToLongTuto()">To Long Tutorial</a>
        </div>
        <div class="number">
          <a href="#" onclick="goToGame()">Game</a>
        </div>
        <div class="number">
            <a href="#" onclick="window.location.reload()"><<</a>
        </div>
    </div>
</div>
